
<div>
    <div class="panel panel-primary ">
        <div class="panel-heading p0 ">
            <ol class="breadcrumb m0 nav-style">
                <li><a href="#"><span class="glyphicon glyphicon-folder-open" aria-hidden="true"></span> &nbsp;信息设置</a></li>
                <li class="active">修改类别</li>
            </ol>
        </div>
 
        <div class=" pannel-body">

            <ul id="myTab" class="nav nav-tabs">
                <li class="active">
                    <a href="/#port1" data-toggle="tab" ng-click="getSort()">
                        修改分类
                    </a>
                </li>
                <li><a href="/#port2" data-toggle="tab" ng-click="getClassifi()">修改分级</a></li>
                <li>
                    <a href="/#port3"
                       data-toggle="tab" id="getSource">修改来源渠道
                    </a>

                </li>
                <li><a href="/#port4" data-toggle="tab" id="getFenkou">修改分口</a></li>
                
            </ul>
            <div id="myTabContent" class="tab-content">
                <div class="tab-pane fade in active" id="port1">

                    <div class=" panel-body">
                        <div class="form-group">
                            <table class="table table-bordered " >
                                <thead>
                                <tr>
                                    <th>编号</th>
                                    <th>分类名称</th>
                                    <th>分类备xx注</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody id="items">
                                <tr ng-repeat="s in sort">
                                    <td ng-bind="$index+1"></td>
                                    <td ng-hide="true">
                                        <input class="sortId" value="{{s.id}}"/>
                                    </td>
                                    <td>
                                        <input type="text" class="date-update sortName" readonly="readonly" value="{{s.name}}"/>
                                    </td>
                                    <td>
                                        <input type="text" class="date-update sortRemark" readonly="readonly" value="{{s.remark}}"/>
                                    </td>
                                    <td class="row">
                                        <button class="btn btn-primary btn-xs col-xs-3 modifyBtn" ng-click="modifySortBtn($index)">修改</button>
                                        <button class="btn btn-primary btn-xs col-xs-3 col-xs-offset-1" ng-click="delSortBtn($index)">删除</button>

                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                <div class="tab-pane fade" id="port2">
                    <div class=" panel-body">
                        <div class="form-group">
                            <table class="table table-bordered table-striped" >
                                <thead>
                                <tr>
                                    <th>编号</th>
                                    <th>分级名称</th>
                                    <th>分级备注</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr ng-repeat="c in classifi">
                                    <td ng-bind="$index+1"></td>
                                    <td ng-hide="true">
                                        <input class="classifId" value="{{c.id}}"/>
                                    </td>
                                    <td>
                                        <input value="{{c.name}}" readonly="readonly" class="classiName date-update"/>
                                    </td>
                                    <td>
                                        <input type="text" readonly="readonly" class="classLevel date-update" value="{{c.level}}"/>
                                    </td>
                                    <td class="row">
                                        <button class="btn btn-primary btn-xs col-xs-3 modifyClassifiBtn" ng-click="modifyClassifBtn($index)">修改</button>
                                        <button class="btn btn-primary btn-xs col-xs-3 col-xs-offset-1" ng-click="delClassifBtn($index)">删除</button>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>

                </div>

                <div class="tab-pane fade" id="port3">

                    <div class=" panel-body">
                        <div class="form-group" id="sourcetitle">
                            <table class="table table-bordered table-striped" id="treeTable1" >
                                <thead>
                                <tr>
                                    <th>编号</th>
                                    <th>来源渠道名称</th>
                                    <th>来源渠道备注</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <!-- <tr ng-repeat="sour in source">
                                    <td ng-bind="$index+1"></td>
                                    <td ng-hide="true">
                                        <input class="sourceId" value="{{sour.id}}"/>
                                    </td>
                                    <td>
                                        <input type="text" readonly="readonly" class="date-update sourceName" value="{{sour.name}}"/>
                                    </td>
                                    <td>
                                        <input type="text" readonly="readonly" class="date-update sourceRemark" value="{{sour.remark}}"/>
                                    </td>
                                    <td class="row">
                                        <a href="#modifySource/{{sour.id}}"><button class="btn btn-primary btn-xs col-xs-3 modifySourceBtn" >修改</button></a>
                                        <button class="btn btn-primary btn-xs col-xs-3 col-xs-offset-1" ng-click="delSourceBtn($index)">删除</button>
                                    </td>
                                </tr> -->
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="port4">

                    <div class=" panel-body">
                        <div class="form-group" id="porttitle">
                            <table class="table table-bordered table-striped" id="treeTable2"  >
                                <thead>
                                <tr>
                                    <th>编号</th>
                                    <th>信息分口名称</th>
                                    <th>信息分口备注</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>

                                <!-- <tr ng-repeat="c in infoPort">
                                    <td ng-bind="$index+1"></td>
                                    <td ng-hide="true">
                                        <input class="portId" value="{{c.id}}"/>
                                    </td>
                                    <td>
                                        <input type="text" readonly="readonly" class="date-update portName" value="{{c.portName}}"/>
                                    </td>
                                    <td>
                                        <input type="text" readonly="readonly" class="date-update portRemark" value="{{c.remark}}"/>
                                    </td>
                                    <td class="row">
                                          <a href="#modifyPort/{{c.id}}"><button class="btn btn-primary btn-xs col-xs-3 modifyPortBtn" >修改</button></a>
                                        <button class="btn btn-primary btn-xs col-xs-3 col-xs-offset-1 delPortBtn" ng-click="delPortBtn($index)">删除</button>
                                    </td>
                                </tr> -->
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
			

        	</div>
	
    </div>


    <!-- 删除分类模态框 -->
    <div class="modal fade " id="delSortModal">
        <div class="modal-dialog" style="width: 300px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">删除提示</h4>
                </div>
                <div class="modal-body">
                    <p>确定删除此分类?</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" ng-click="deleteSort()">确认</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal-->

    <!-- 删除分级模态框 -->
    <div class="modal fade " id="delClassifModal">
        <div class="modal-dialog" style="width: 300px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">删除提示</h4>
                </div>
                <div class="modal-body">
                    <p>确定删除此分级?</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" ng-click="deleClassif()">确认</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal-->

    <!-- 删除来源渠道模态框 -->
    <div class="modal fade " id="delSourceModal">
        <div class="modal-dialog" style="width: 300px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">删除提示</h4>
                </div>
                <div class="modal-body">
                    <p>确定删除此来源渠道?</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" id="deleteSource">确认</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal-->

    <!-- 删除分口模态框 -->
    <div class="modal fade " id="delPortModal">
        <div class="modal-dialog" style="width: 300px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">删除提示</h4>
                </div>
                <div class="modal-body">
                    <p>确定删除此分口?</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" id="deletePort">确认</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal-->
    <!-- 失败模态框 -->
    <div class="modal fade " id="badmodal">
        <div class="modal-dialog" style="width: 300px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">失败</h4>
                </div>
                <div class="modal-body">
                    <span id="idNumber" ></span>
                    <p>操作失败</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">确认</button>

                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal-->

</div>

</div>